{extends file="assets::smarty-templates::Master"|ToPath}
{block name=content}
<script type="text/javascript">    
    var GetCursos = "{$GetCursos}";
</script>
{html_script src="Acaweb.MatriculaAcademica.js"}
<div id="selectorCursos">
    <ul id="listaMaterias">
        {foreach $materias as $materia}
        <li class="materia">
            <a href="{$GetCursos}" id="{$materia->getCodigoMateria()}" >
                <span class="codigo-materia">{$materia->getCodigoMateria()}</span>
                <span class="nombre-materia">{$materia->getNombreMateria()}</span>
            </a>
        </li>
        {/foreach}
    </ul>
    <div id="listaCursos">
        <h2>
            <span id="listaCursos-Codigo"></span> 
            <span id="listaCursos-nombreMateria"></span>
        </h2>
        <p>
            Selecciona un curso y haz click en el bot&oacute;n <em>Agregar curso a la matr&iacute;cula</em>
        </p>
        <input type="button" value="Agregar curso a la matrícula" id="add-matricula" />
        <table class="normal">
            <caption>Cursos disponibles</caption>
            <thead>
                <tr>
                    <th></th>
                    <th>Grupo</th>
                    <th title="Número de créditos">Cr&eacute;d.</th>
                    <th>Dias</th>
                    <th>Hora</th>
                    <th>Profesor</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<div>
    <h2>Mi matr&iacute;cula acad&eacute;mica</h2>
    <table id="CursosSeleccionados">
        <caption>Los cursos que has seleccionado hasta ahora</caption>
        <thead>
            <tr>
                <th>Curso</th>
                <th>Dias</th>
                <th>Hora</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <input type="button" value="Enviar matrícula definitiva" />
</div>
<div id="debug">
</div>
{/block}